@charset "UTF-8";
.header {
    width: 10rem; // 750px
    margin: 0 auto;
    img {
        display: block;
        width: 10rem; // 750px
        height: 6.4rem; // 480px
    }
    .icon_xin {
        background: url("../img/deta/sanjiao.png")no-repeat;
        background-size: 100% 100%;
        width: 2.92rem; // 219px
        height: 1.39rem; // 104px
        display: block;
        margin-top: -.07rem; // 5px
        margin-left: .33rem; // 25px
    }
    .caption {
        background: url("../img/deta/tit.png")no-repeat;
        background-size: 100% 100%;
        width: 4.12rem; // 309px
        height: .71rem; // 53px
        display: block;
        margin: .4rem auto .6rem auto; // 45px; // 30px
    }
}

.content_wrap {
    width: 7.87rem; // 590px
    margin: 0 auto;
}

.list1 {
    overflow: hidden;
    li {
        float: left;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        margin-bottom: .13rem; // 10px
        margin-right: .13rem;
        &.rightList{
            float:right;margin-right:0
        }

        .block_01 {
            width: 5.2rem; // 390px
            height: 3.33rem; // 250px
            background-color: #2caab8;
            display: block;
            font-family: "SimSun";
            color: #fff;
            text-indent: .73rem; // 55px
            float: left;
            .title1 {
                margin-top: 1.2rem; // 90px
                font-size: .33rem; // 25px
            }
            .title2 {
                font-size: .41rem; // 32px
                margin-top: .13rem; // 10px
            }
            .title3 {
                margin-top: 1rem; // 75px
                font-size: .41rem; // 31px
                .dr_txt {
                    font-size: .19rem; // 14px
                }
            }
            .title33 {
                margin-top: .53rem; // 40px
                font-size: .19rem; // 14px
            }
        }
        .differ_color1 {
            background-color: #a95399;
        }
        .differ_color2 {
            background-color: #e24a4e;
        }
        .pic_box,
        .pic_box2,
        .picList_box2,
        .picList_box {
            float: right;
            color: #fff;
            position: relative;
            img {
                display: block;
                height: 3.33rem; // 250px
                width: 2.52rem; // 189px
            }
            .texts_box {
                background-color: #2caab8;
                height: .93rem; // 70px
                width: 2.52rem; // 189px
                display: block;
                position: absolute;
                bottom: 0;
                padding-left: .13rem; // 10px
                p {
                    font-size: .2rem; // 15px
                    font-style: normal;
                }
                .name {
                    font-size: .23rem; // 17px
                }
            }
            .differ_box1 {
                background-color: #a95399;
            }
            .differ_box2 {
                background-color: #e24a4e;
            }
        }
        .picList_box {
            float: left;
           /*  margin-right: .16rem;  */
        }
        .box1 {
            position: relative;
            float: right;
            .pic_box2 {
                position: absolute;
                top: 0;
                right: 0;
            }
        }
        .box2 {
            position: relative;
            float: left;
            .picList_box2 {
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }
    .wid_size {
        width: 8.4rem; // 630px
    }
}

.top {
    margin-top: .4rem; // 30px
}
